<template>
  <div>
    <el-dialog
      title="确认停用"
      :visible="changeVisible"
      @close="$emit('closeFn')"
    >
      <template>
        <span>{{ `确定要停用：${rowData.name} 吗?` }}</span>
      </template>
      <template #footer>
        <el-button class="Btn btnLeft" round @click="$emit('closeFn')">取消</el-button>
        <el-button class="Btn rightBtn" round @click="$emit('changeBtnFn')">确认</el-button>
      </template>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: {
    changeVisible: {
      type: Boolean,
      default: false
    },
    rowData: {
      type: Object,
      default: () => {}
    }
  },
  methods: {
  }
}
</script>

<style>
.el-dialog__header{
  box-shadow:1px 0px 7px rgb(110, 110, 110,0.5)
}
.el-dialog__body{
  font-size: 18px;
}
.btnLeft{
  margin-right:50px;background:#f8f5f5;border:none
}
.rightBtn{
  background:#ffb200
}

</style>
